<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
</head>

<body>

</body>
<script>
    // console.log(location.href);

    // 浏览器的地址栏对中文和特殊字符的支持性不是很好, 所以在向url传递中文和特殊字符时,地址栏默认会先将中文和特殊字符进行编码操作  =>  地址栏显示时在对其进行解码
    // 复制时返回的是编码的字符串


    // encodeURI()  编码中文和特殊字符 => 返回编码后的内容
    // decodeURI()  对编码后的内容进行解码 => 返回解码后的内容

    // encodeURIComponent()  编码(可以理解为encodeURI的升级版 -> 编码特殊字符的范围更广)
    // decodeURIComponent()  解码 

    var str = "你好01234abcdefABCDEF+-*/%@"
    console.log(str);

    var enStr = encodeURI(str);
    console.log(enStr);

    var deStr = decodeURI(enStr);
    console.log(deStr);


    var enStr = encodeURIComponent(str);
    console.log(enStr);

    var deStr = decodeURIComponent(enStr);
    console.log(deStr);



</script>

</html>